﻿<!DOCTYPE html>
<html ng-app="demo">
<head>
	<title>Mirango travel</title>
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<meta name="description" content="description website" />
	<meta name="keywords" content="keywords" />
	<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
	<meta name="format-detection" content="telephone=no" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,500,400italic&subset=latin,cyrillic-ext,vietnamese' rel='stylesheet' type='text/css'>

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
	<link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css" media="screen" />

	<link rel="stylesheet" href="./css/reset.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/flexslider.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/jquery.mmenu.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/jquery.mCustomScrollbar.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/common.css" type="text/css" media="screen" />
</head>
<body>
<div class="html-mobile">
	<div id="wrapper">
		<!-- header -->
		<header class="header">
			<div class="container">
				<div class="row">
					<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 header-top-l">
						<a href="#menu" class="menu-res">menu</a>
						<h1 class="parent-title"><a href="index.html" class="logo"></a></h1>
					</div>
					<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 header-top-r">
						<div class="btn-group header-dropdown-top">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Deutsch<span class="caret"></span>
							</button>
								<ul class="dropdown-menu" role="menu" style="min-width:120px;">
								<li><a href="#">Deutsch </a></li>
								<li><a href="#">English</a></li>
							</ul>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</header>
		<!-- header .end -->
		<!-- banner content -->
		<div class="banner-container">
			<div class="container">
				<div class="nav-cus nav-cus-child">
					<nav class="navbar navbar-default" role="navigation">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
							<a class="navbar-brand" href="#"></a>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li><a href="#">Home</a></li>
								<li class="active dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">Standard Tours</a>
									<ul class="dropdown-menu sub-menu-cus" role="menu" style="width:190px;">
										<li class="sub-mn-item">
											<ul class="sub-menu-cus-child">
												<li><a href="#">All Vietnam 21 days</a></li>
												<li><a href="#">All Vietnam 14 days</a></li>
												<li><a href="#">North Vietnam 10 days</a></li>
												<li><a href="#">South Vietnam 10 days</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">Customised Tours</a>
									<ul class="dropdown-menu sub-menu-cus" role="menu" style="width:360px;">
										<li class="sub-mn-item">
											<h3 class="title-04">North</h3>
											<ul class="sub-menu-cus-child">
												<li><a href="#">Ha noi</a></li>
												<li><a href="#">Ha Long</a></li>
												<li><a href="#">Sapa</a></li>
											</ul>
										</li>
										<li class="sub-mn-item">
											<h3 class="title-04">Central</h3>
											<ul class="sub-menu-cus-child">
												<li><a href="#">Hue</a></li>
												<li><a href="#">Hoi An</a></li>
												<li><a href="#">Da Nang</a></li>
											</ul>
										</li>
										<li class="sub-mn-item">
											<h3 class="title-04">South</h3>
											<ul class="sub-menu-cus-child">
												<li><a href="#">Sai Gon</a></li>
												<li><a href="#">Mekong Delta</a></li>
												<li><a href="#">Phu Quoc</a></li>
												<li><a href="#">Can Tho</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li><a href="#">Prices</a></li>
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">About Vietnam</a>
									<ul class="dropdown-menu sub-menu-cus" role="menu" style="width:144px;">
										<li class="sub-mn-item">
											<ul class="sub-menu-cus-child">
												<li><a href="#">Climate</a></li>
												<li><a href="#">Culture</a></li>
												<li><a href="#">Food</a></li>
												<li><a href="#">History</a></li>
												<li><a href="#">Travel</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li><a href="#">About Us</a></li>
								<li><a href="#">Contact</a></li>
							</ul>
						</div><!-- /.navbar-collapse -->
					</nav>
				</div>
			</div>
		</div>
		<!-- banner content .end -->
		<!-- main content -->
		<section class="main-content">
			<div class="container">
				<div class="row pstab">
					<section class="col-xs-12 col-sm-8 col-md-9 main-left-content">
						<article class="intro-content-id">
							<h2 class="title-02">Sapa - Traditions and Hill Tribes</h2>
							<p class="desc-ct">In vitae posuere magna. In id rutrum dui. Sed rutrum luctus ipsum mattis aliquam. Duis ut sem eu augue tempus imperdiet nec id enim. Praesent at mollis nulla. Pellentesque sed magna vitae neque commodo mollis a ac sapien. Proin vehicula eu leo nec gravida. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris id viverra dolor. Sed ut elit non risus vehicula aliquam ac sit amet risus. Nulla a dui accumsan, vestibulum mi eget, fermentum urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
						</article>
						<article class="tab-container">
							<!-- Nav tabs -->
							<ul class="nav nav-tabs nav-tabs-cus-01" role="tablist">
								<li class="tabs-screen active"><a href="#Overview" role="tab" data-toggle="tab"><span class="icons-overview"></span>Overview</a></li>
								<li class="tabs-screen"><a href="#Detail-Itinerary" role="tab" data-toggle="tab"><span class="icons-itinerary"></span>Detail Itinerary</a></li>
								<li class="tabs-screen"><a href="#Services-Included" role="tab" data-toggle="tab"><span class="icons-services-included"></span>Services Included</a></li>
								<li class="dropdown tabs-resp">
									<a data-toggle="dropdown" class="dropdown-toggle myTabDrop1" id="myTabDrop1" href="#">Overview <span class="caret"></span></a>
									<ul aria-labelledby="myTabDrop1" role="menu" class="dropdown-menu">
										<li><a data-toggle="tab" role="tab" tabindex="-1" class="mobile-tab" href="#Overview" title="Overview">Overview</a></li>
										<li><a data-toggle="tab" role="tab" tabindex="-1" class="mobile-tab" href="#Detail-Itinerary" title="Detail Itinerary">Detail Itinerary</a></li>
										<li><a data-toggle="tab" role="tab" tabindex="-1" class="mobile-tab" href="#Services-Included" title="Services Included">Services Included</a></li>
									</ul>
								</li>
							</ul>
							<!-- Tab panes -->
							<div class="tab-content">
								<div class="tab-pane fade active in" id="Overview">
									<div class="content-detail">
										<div class="image-gallery image-gallery-cus">
											<div id="sliders" class="flexslider flexslider-main">
												<ul class="slides">
													<li><img src="img-upload/img-1.jpg" /></li>
													<li><img src="img-upload/img-2.jpg" /></li>
													<li><img src="img-upload/img-3.jpg" /></li>
													<li><img src="img-upload/img-4.jpg" />	</li>
													<li><img src="img-upload/img-2.jpg" /></li>
													<li><img src="img-upload/img-3.jpg" /></li>
													<li><img src="img-upload/img-4.jpg" />	</li>
													<li><img src="img-upload/img-1.jpg" /></li>
													<li><img src="img-upload/img-2.jpg" /></li>
													<li><img src="img-upload/img-3.jpg" /></li>
													<li><img src="img-upload/img-4.jpg" />	</li>
													<li><img src="img-upload/img-2.jpg" /></li>
													<li><img src="img-upload/img-3.jpg" /></li>
													<li><img src="img-upload/img-4.jpg" />	</li>
												</ul>
											</div>
											<div id="carousels" class="flexslider carousels-main">
												<ul class="slides slides-cus">
													<li><img src="img-upload/img-1.jpg" /></li>
													<li><img src="img-upload/img-2.jpg" /></li>
													<li><img src="img-upload/img-3.jpg" /></li>
													<li><img src="img-upload/img-4.jpg" />	</li>
													<li><img src="img-upload/img-2.jpg" /></li>
													<li><img src="img-upload/img-3.jpg" /></li>
													<li><img src="img-upload/img-4.jpg" />	</li>
													<li><img src="img-upload/img-1.jpg" /></li>
													<li><img src="img-upload/img-2.jpg" /></li>
													<li><img src="img-upload/img-3.jpg" /></li>
													<li><img src="img-upload/img-4.jpg" />	</li>
													<li><img src="img-upload/img-2.jpg" /></li>
													<li><img src="img-upload/img-3.jpg" /></li>
													<li><img src="img-upload/img-4.jpg" />	</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="tab-pane fade" id="Detail-Itinerary">
									<div class="content-detail">
										<p>In vitae posuere magna. In id rutrum dui. Sed rutrum luctus ipsum mattis aliquam. Duis ut sem eu augue tempus imperdiet nec id enim. Praesent at mollis nulla. Pellentesque sed magna vitae neque commodo mollis a ac sapien. Proin vehicula eu leo nec gravida. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris id viverra dolor. Sed ut elit non risus vehicula aliquam ac sit amet risus. Nulla a dui accumsan, vestibulum mi eget, fermentum urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
										<p>Vivamus dapibus vitae augue vel molestie. Nulla nunc felis, ullamcorper sit amet tellus id, fringilla ultricies erat. Duis semper arcu vitae dolor venenatis euismod. In lorem nibh, accumsan in venenatis ac, scelerisque eu sapien. Nunc accumsan egestas quam vel ultrices. Suspendisse in turpis enim. Aliquam ullamcorper, justo eu lacinia elementum, leo metus egestas ipsum, ut scelerisque urna augue eu mauris. Nullam sit amet ante magna. Ut at pellentesque arcu. Donec sed metus lobortis, imperdiet magna vitae, cursus lectus. Aenean commodo urna a accumsan ultrices. Quisque ut porttitor orci, quis placerat dui. Fusce vel turpis velit. Suspendisse gravida ullamcorper pellentesque. Phasellus cursus elit ac viverra feugiat.</p>
									</div>
								</div>
								<div class="tab-pane fade" id="Services-Included">
									<div class="content-detail">
										<p>In vitae posuere magna. In id rutrum dui. Sed rutrum luctus ipsum mattis aliquam. Duis ut sem eu augue tempus imperdiet nec id enim. Praesent at mollis nulla. Pellentesque sed magna vitae neque commodo mollis a ac sapien. Proin vehicula eu leo nec gravida. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris id viverra dolor. Sed ut elit non risus vehicula aliquam ac sit amet risus. Nulla a dui accumsan, vestibulum mi eget, fermentum urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
										<p>Vivamus dapibus vitae augue vel molestie. Nulla nunc felis, ullamcorper sit amet tellus id, fringilla ultricies erat. Duis semper arcu vitae dolor venenatis euismod. In lorem nibh, accumsan in venenatis ac, scelerisque eu sapien. Nunc accumsan egestas quam vel ultrices. Suspendisse in turpis enim. Aliquam ullamcorper, justo eu lacinia elementum, leo metus egestas ipsum, ut scelerisque urna augue eu mauris. Nullam sit amet ante magna. Ut at pellentesque arcu. Donec sed metus lobortis, imperdiet magna vitae, cursus lectus. Aenean commodo urna a accumsan ultrices. Quisque ut porttitor orci, quis placerat dui. Fusce vel turpis velit. Suspendisse gravida ullamcorper pellentesque. Phasellus cursus elit ac viverra feugiat.</p>
									</div>
								</div>
							</div>
						</article>
					</section>
					<section class="col-xs-12 col-sm-4 col-md-3 right-map-content-sm">
						<div class="bg-title-03">
							<img src="img/icon-logo.png" height="35" width="63"/>
						</div>
						<section class="map-local-detail">
							<img src="img/map-detail.png" height="484" width="241"/>
							<span class="point-map-lg" position="mb" style="left: 70px;top: 80px;" data-toggle="tooltip" data-placement="top" title="Location Name"></span>
						</section>
					</section>
				</div>
			</div>
		</section>
		<!-- main content .end -->
	</div>
	<!-- footer -->
	<footer id="footer-container">
		<div class="container footer-content">
			<ul class="row">
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-1">
					<h2 class="tlft-1">Standard Tours</h2>
					<ul class="site-map">
						<li><a href="#">All Vietnam 21 days</a></li>
						<li><a href="#">All Vietnam 14 days</a></li>
						<li><a href="#">North Vietnam 10 days</a></li>
						<li><a href="#">South Vietnam 10 days</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
					<h2 class="tlft-1">North Tours</h2>
					<ul class="site-map">
						<li><a href="#">Hanoi</a></li>
						<li><a href="#">Ha Long</a></li>
						<li><a href="#">Sapa</a></li>
						<li><a href="#">Dry Ha Long</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
					<h2 class="tlft-1">South Tours</h2>
					<ul class="site-map">
						<li><a href="#">Saigon</a></li>
						<li><a href="#">Around Saigon</a></li>
						<li><a href="#">Mekong Delta</a></li>
						<li><a href="#">Phu Quoc</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
					<h2 class="tlft-1">Central Tours</h2>
					<ul class="site-map">
						<li><a href="#">Hue</a></li>
						<li><a href="#">Hoi An</a></li>
						<li><a href="#">HCM Trail</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
					<ul class="site-map">
						<li><a href="#">Price Calculator</a></li>
						<li><a href="#">About Vietnam</a></li>
						<li><a href="#">About Mirango Travel</a></li>
						<li><a href="#">Contact Us</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-3">
					<ul class="about-wb">
						<li>
							<p class="txt-ogr">CHE-264.419.489, Nordstrasse 278,</p>
							<p class="txt-ogr">8037 Zurich, Einzelunternehmen</p>
							<p class="txt-ogr">Email: admin@reisen-vietnam.ch</p>
							<p class="txt-ogr">Hotline: 076 320 57 77</p>
							<p>&copy; 2014 Mirango Travel</p>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</footer>
	<!-- footer .end -->
</div>
 <div class="navbar-mobile" id="menu">
	<ul class="dropdownMenu">
		<li><a href="#" class="active">Home</a></li>
		<li>
			<a href="#">Standard Tours</a>
			<ul class="m-sub-menu">
				<li><a href="#">All Vietnam 21 days</a></li>
				<li><a href="#">All Vietnam 14 days</a></li>
				<li><a href="#">North Vietnam 10 days</a></li>
				<li><a href="#">South Vietnam 10 days</a></li>
			</ul>
		</li>
		<li><a href="#">Customised Tours</a>
			<ul class="m-sub-menu">
				<li class="sub-mn-item">
					<a class="title-04">North</a>
					<ul class="sub-menu-cus-child">
						<li><a href="#">Ha noi</a></li>
						<li><a href="#">Ha Long</a></li>
						<li><a href="#">Sapa</a></li>
					</ul>
				</li>
				<li class="sub-mn-item">
					<a class="title-04">Central</a>
					<ul class="sub-menu-cus-child">
						<li><a href="#">Hue</a></li>
						<li><a href="#">Hoi An</a></li>
						<li><a href="#">Da Nang</a></li>
					</ul>
				</li>
				<li class="sub-mn-item">
					<a class="title-04">South</a>
					<ul class="sub-menu-cus-child">
						<li><a href="#">Sai Gon</a></li>
						<li><a href="#">Mekong Delta</a></li>
						<li><a href="#">Phu Quoc</a></li>
						<li><a href="#">Can Tho</a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="#">Prices</a></li>
		<li><a href="#">About Vietnam</a>
			<ul class="m-sub-menu">
				<li class="sub-mn-item">
					<ul class="sub-menu-cus-child">
						<li><a href="#">Climate</a></li>
						<li><a href="#">Culture</a></li>
						<li><a href="#">Food</a></li>
						<li><a href="#">History</a></li>
						<li><a href="#">Travel</a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="#">About Us</a></li>
		<li><a href="#">Contact</a></li>
	</ul>
</div>

	<script type="text/javascript" src="./js/jquery-1.10.1.min.js"></script>
	<script type="text/javascript" src="./js/jquery-migrate-1.2.1.min.js"></script>
	<script type="text/javascript" src="./js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/hoverIntent.js"></script>
	<script type="text/javascript" src="js/superfish.js"></script>
	<script type="text/javascript" src="js/jquery.ba-throttle-debounce.min.js"></script>
	<script type="text/javascript" src="js/hoverIntent.js"></script>
	<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
	<script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider.js"></script>
	<script type="text/javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
	<script type="text/javascript" src="js/jquery.mmenu.min.js"></script><!-- menu -->
	<script src="js/jquery.mCustomScrollbar.js" type="text/javascript"></script><!-- scroll--->

	<script type="text/javascript" src="./js/common.js"></script>

</body>
</html>